import React, { Component } from 'react'
import RouterView from '../router/RouterView'
import {
    // BrowserRouter as Router,
    // Route
    // Switch.0
    NavLink
} from 'react-router-dom'
import { Tabbar } from 'react-vant';
class All extends Component {
    render() {
        return (
            <div className='all'>
                <div className='top'>
                    <RouterView RouterList={this.props.child}></RouterView>
                </div>
                <div className="foot">
                    <Tabbar>
                        <Tabbar.Item icon="home-o">
                            <NavLink to='/all/home'>首页</NavLink>
                        </Tabbar.Item>
                        <Tabbar.Item icon="search">
                            <NavLink to='/all/classify'>菜单</NavLink>
                        </Tabbar.Item>
                        <Tabbar.Item icon="friends-o">
                            <NavLink to='/all/order'>订单</NavLink>
                        </Tabbar.Item>
                        <Tabbar.Item icon="setting-o">
                            <NavLink to='/all/shop'>购物车</NavLink>
                        </Tabbar.Item>
                        <Tabbar.Item icon="search">
                            <NavLink to='/all/my'>我的</NavLink>
                        </Tabbar.Item>
                    </Tabbar>
                </div>
            </div>
        )
    }
}

export default All
